/*
 * 主题样式配置文件
 * 功能：定义明暗主题的CSS变量
 * 作者：AI Assistant
 * 创建时间：2025-08-25
 */

/* 明亮主题 */
:root {
  /* 主要颜色 */
  --primary-color: #409eff;
  --primary-light: #79bbff;
  --primary-dark: #337ecc;
  
  /* 背景颜色 */
  --bg-color: #ffffff;
  --bg-color-secondary: #f5f7fa;
  --bg-color-tertiary: #fafafa;
  
  /* 文本颜色 */
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #c0c4cc;
  
  /* 边框颜色 */
  --border-color: #dcdfe6;
  --border-color-light: #e4e7ed;
  --border-color-lighter: #ebeef5;
  --border-color-extra-light: #f2f6fc;
  
  /* 阴影 */
  --box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  
  /* 成功、警告、错误颜色 */
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;
  
  /* 导航栏 */
  --navbar-bg: #ffffff;
  --navbar-border: #e4e7ed;
  
  /* 侧边栏 */
  --sidebar-bg: #f5f7fa;
  --sidebar-border: #e4e7ed;
  
  /* 聊天区域 */
  --chat-bg: #ffffff;
  --message-user-bg: #409eff;
  --message-assistant-bg: #f5f7fa;
  --message-user-text: #ffffff;
  --message-assistant-text: #303133;
  
  /* 输入框 */
  --input-bg: #ffffff;
  --input-border: #dcdfe6;
  --input-focus-border: #409eff;
}

/* 暗黑主题 */
[data-theme="dark"] {
  /* 主要颜色 */
  --primary-color: #409eff;
  --primary-light: #79bbff;
  --primary-dark: #337ecc;
  
  /* 背景颜色 */
  --bg-color: #1a1a1a;
  --bg-color-secondary: #2d2d2d;
  --bg-color-tertiary: #3a3a3a;
  
  /* 文本颜色 */
  --text-color-primary: #e5eaf3;
  --text-color-regular: #cfd3dc;
  --text-color-secondary: #a3a6ad;
  --text-color-placeholder: #6c6e72;
  
  /* 边框颜色 */
  --border-color: #4c4d4f;
  --border-color-light: #414243;
  --border-color-lighter: #363637;
  --border-color-extra-light: #2b2b2c;
  
  /* 阴影 */
  --box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.24), 0 0 6px rgba(0, 0, 0, 0.08);
  
  /* 成功、警告、错误颜色 */
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;
  
  /* 导航栏 */
  --navbar-bg: #2d2d2d;
  --navbar-border: #4c4d4f;
  
  /* 侧边栏 */
  --sidebar-bg: #262626;
  --sidebar-border: #4c4d4f;
  
  /* 聊天区域 */
  --chat-bg: #1a1a1a;
  --message-user-bg: #409eff;
  --message-assistant-bg: #2d2d2d;
  --message-user-text: #ffffff;
  --message-assistant-text: #e5eaf3;
  
  /* 输入框 */
  --input-bg: #2d2d2d;
  --input-border: #4c4d4f;
  --input-focus-border: #409eff;
}

/* 主题过渡动画 */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* 全局样式应用 */
body {
  background-color: var(--bg-color);
  color: var(--text-color-primary);
}

/* Element Plus 组件主题覆盖 */
.el-card {
  background-color: var(--bg-color) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color-primary) !important;
}

.el-input__wrapper {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
}

.el-input__wrapper:hover {
  border-color: var(--primary-color) !important;
}

.el-input__wrapper.is-focus {
  border-color: var(--input-focus-border) !important;
  box-shadow: 0 0 0 1px var(--input-focus-border) inset !important;
}

.el-input__inner {
  color: var(--text-color-primary) !important;
}

.el-button {
  border-color: var(--border-color) !important;
}

.el-button--primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-divider {
  border-color: var(--border-color) !important;
}

.el-message {
  background-color: var(--bg-color-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color-primary) !important;
}